<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<title>Agnostic Calendar Widget</title>
	<link rel="stylesheet" type="text/css" href="agnostic_calendar.css"> 
	<script src="prototype.js"></script>
	
	<script src="agnostic_calendar.js"></script>
	<script src="colorful_agnostic_calendar.js"></script>
	<script src="seasons/initCalendar.js" type="text/javascript"></script>
	
	<script>
	
	function loadScript()
	{
		// init calendar:
	    agc = new AgnosticCalendar('agc');
		$('calendarContainer').appendChild(agc.agc);
	}
	
	</script>

</head>
<body onload="loadScript()">
<h1>Agnostic Calendar Widget</h1>
Developed by Shai Lipkovich
<p>This is a year-agnostic calendar - it has no years, only months and days.</p>
<h2>Features</h2>
<ul>
<li>Select single dates or multiple date ranges with your mouse</li>
<li>Paint date ranges using the agc.paintRanges(dateRanges:<input type="text" id="dateRanges" value="0101-0212,0903-1215"/>) function <button onclick="agc.paintRanges(document.getElementById('dateRanges').value);">paint</button></li>
<li>Paint date ranges with specified color using the agc.paintSetColor(dateRanges:<input type="text" id="dateRanges2" value="0101-0212,0903-1215"/>, color: <input type="text" id="rangeColor" value="#0110FF"/>, range name: <input type="text" id="rangeName" value="Range"/>) function <button onclick="agc.paintSetColor(document.getElementById('dateRanges2').value, document.getElementById('rangeColor').value, document.getElementById('rangeName').value);">paint</button></li>
<li>Deactivate ranges using the agc.deactivateRanges(dateRanges:<input type="text" id="dateRanges3" value="0101-0315,0316-1201,1202-1231"/>) function 
<button onclick="agc.deactivateRangesColor(document.getElementById('dateRanges3').value);">deactivate</button>
</li>
<li>Get ranges in human-readable form using <button onclick="document.getElementById('toString').innerHTML=agc.toString();">agc.toString()</button> <div  id="toString"></div></li>

<li>Get ranges in machine-readable form using <button onclick="document.getElementById('toMachineString').innerHTML=agc.toMachineString();">agc.toMachineString()</button> <div  id="toMachineString"></div></li>
<li>Enable/disable edit: <button onclick="agc.enableEdit(true);">Enable</button>/<button onclick="agc.enableEdit(false);">Disable</button></li>
<li>Put legend <button onclick="agc.placeLegend('top');">Top</button>/<button onclick="agc.placeLegend('bottom');">Bottom</button>/<button onclick="agc.placeLegend('left');">Left</button>/<button onclick="agc.placeLegend('right');">Right</button>&nbsp;<button onclick="agc.clearLegendAll();">Clear</button></li>
</ul>
<div id="calendarContainer"></div>					

</body>
</html>